@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $colors: (
    'white': #eeeeee,
    'black': #111111,
    'primary': (
      'base': #0eb0c9,
    ),
    'success': (
      'base': #1BA784,
    ),
    'warning': (
      'base': #fcd337,
    ),
    'danger': (
      'base': #F03752,
    ),
    'error': (
      'base': #F03752,
    ),
    'info': (
      'base': #81776e,
    )
  ),
  $border-radius: (
    'base': 3px,
  ),
  $fill-color: (
    '': #4e4e4e,
    'light': #585858,
    'lighter': #8b8b8b,
    'extra-light': #b8b8b8,
    'dark': #7e7e7e,
    'darker': #585e64,
    'blank': #3b4148,

  ),
  $border-color: (
    '': #7e8186,
    'light': #7e8186,
    'lighter': #7e8186,
    'extra-light': #7e8186,
    'dark': #7e8186,
    'darker': #7e8186,
  ),
  $bg-color: (
    '': #7e8186,
    'page': #7e8186,
    'overlay': #7e8186,
  ),
  $text-color: (
    'primary': #eeeeee,
    'regular': #e0e0e0,
    'secondary': #dddddd,
    'placeholder': #a0a0a0,
    'disabled': #cccccc,
  ),
  $box-shadow: (
    '': (
      0px 12px 32px 4px rgba(0, 0, 0, 0.54),
      0px 8px 20px rgba(0, 0, 0, 0.58),
    ),
    'light': (
      0px 0px 12px rgba(0, 0, 0, 0.62),
    ),
    'lighter': (
      0px 0px 6px rgba(0, 0, 0, 0.62),
    ),
    'dark': (
      0px 16px 48px 16px rgba(0, 0, 0, 0.58),
      0px 12px 32px rgba(0, 0, 0, 0.62),
      0px 8px 16px -8px rgba(0, 0, 0, 0.66),
    ),
  )
);

// TODO 改为样式按需引入
@use "element-plus/theme-chalk/src/index.scss" as *;